<!DOCTYPE html>
<html>
<head>
<title>Single</title>

<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Luxury Watches Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />

<link href="/phone/Public/css/Home/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="/phone/Public/css/Home/style.css" rel="stylesheet" type="text/css" media="all" />
<link href="/phone/Public/css/Home/memenu.css" rel="stylesheet" type="text/css" media="all" />	

<script src="/phone/Public/js/Home/jquery-1.11.0.min.js"></script>
<script src="/phone/Public/js/Home/jquery.easydropdown.js"></script>
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<script>$(document).ready(function(){$(".memenu").memenu();});</script>	
<script src="/phone/Public/js/Home/simpleCart.min.js"> </script>
<script type="text/javascript" src="/phone/Public/js/Home/memenu.js"></script>
<script type="text/javascript" src="/phone/Public/js/Home/addCart.js"></script>
<script type="text/javascript">
	$(function() {
	
	    var menu_ul = $('.menu_drop > li > ul'),
	           menu_a  = $('.menu_drop > li > a');
	    
	    menu_ul.hide();
	
	    menu_a.click(function(e) {
	        e.preventDefault();
	        if(!$(this).hasClass('active')) {
	            menu_a.removeClass('active');
	            menu_ul.filter(':visible').slideUp('normal');
	            $(this).addClass('active').next().stop(true,true).slideDown('normal');
	        } else {
	            $(this).removeClass('active');
	            $(this).next().stop(true,true).slideUp('normal');
	        }
	    });
	
	});
</script>		
</head>
<body> 
	<!--top-header-->
	<div class="top-header">
		<div class="container">
			<div class="top-header-main">
				<div class="col-md-6 top-header-left">
					<div class="drop">
						<if condition="$login eq true ">
						<div class="box">
							<a href="__APP__/Home/Account/index"> 欢迎 {$Think.session.username}</a>		
						</div>
						<div class="box1">
							<a href="__URL__/doLogout">退出</a>
						</div>

						<else />
						<div class="box">
							<a href="__APP__/Home/Account/index">登录</a>		
						</div>
						<div class="box1">
							<a href="__APP__/Home/Register/index">注册</a>
						</div>
						</if>

						<div class="clearfix"></div>
					</div>
				</div>
				<div class="col-md-6 top-header-left">
					<div class="cart box_1">
						<if condition="$login eq true ">
			            <a href="__APP__/Home/Checkout/index">
							<div class="total"><span class="simpleCart_total"></span></div>
							<img src="/phone/Public/img/Home/images/cart-1.png" alt="" />
						</a>
			            <else />
			            <a href="__APP__/Home/Account/index">
							<div class="total"><span class="simpleCart_total"></span></div>
							<img src="/phone/Public/img/Home/images/cart-1.png" alt="" />
						</a>
			            </if>  
						<p><a href="javascript:;" class="simpleCart_empty">清空购物车</a></p>
						<div class="clearfix"> </div>
					</div>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
	<!--top-header-->
	<!--start-logo-->
	<div class="logo">
		<a href="__APP__/Home/Index/index"><h1>手机网上商城</h1></a>
	</div>
	<!--start-logo-->
	<!--bottom-header-->
	<div class="header-bottom">
		<div class="container">
			<div class="header">
				<div class="col-md-9 header-left">
				<div class="top-nav">
					<ul class="memenu skyblue"><li class="active"><a href="__APP__/Home/Index/index">商城首页</a></li>
						<li class="grid"><a href="#">品牌专卖</a>
							<div class="mepanel">
								<div class="row">
									<div class="col1 me-one">
										<ul>
											<li><a href="__APP__/Home/Products/index?type=苹果">苹果</a></li>
											<li><a href="__APP__/Home/Products/index?type=华为">华为</a></li>
											<li><a href="__APP__/Home/Products/index?type=小米">小米</a></li>
											
										</ul>
									</div>
									<div class="col1 me-one">
										<ul>
											<li><a href="__APP__/Home/Products/index?type=vivo">vivo</a></li>
											<li><a href="__APP__/Home/Products/index?type=oppo">oppo</a></li>
											<li><a href="__APP__/Home/Products/index?type=联想">联想</a></li>
											
										</ul>	
									</div>
									<div class="col1 me-one">
										<ul>
											<li><a href="__APP__/Home/Products/index?type=索尼">索尼sony</a></li>
											<li><a href="__APP__/Home/Products/index?type=三星">三星</a></li>
											<li><a href="__APP__/Home/Products/index?type=HTC">HTC</a></li>
											
										</ul>		
									</div>
								</div>
							</div>
						</li>
						<li class="grid"><a href="#">配件专区</a>
							<div class="mepanel">
								<div class="row">
									<div class="col1 me-one">
										<ul>
											<li><a href="__APP__/Home/Products/index?type=壳膜">保护壳/膜</a></li>
										</ul>
									</div>
									<div class="col1 me-one">
										<ul>
											<li><a href="__APP__/Home/Products/index?type=耳机">耳机</a></li>
										</ul>
									</div>
									<div class="col1 me-one">
										<ul>
											<li><a href="__APP__/Home/Products/index?type=电源">移动电源</a></li>
										</ul>	
									</div>
								</div>
							</div>
						</li>
						<li class="grid"><a href="__APP__/Home/Products/index?type=促销">促销专区</a>
						</li>
						<li class="grid"><a href="__APP__/Home/Typo/index">热销榜</a>
						</li>
						<li class="grid"><a href="__APP__/Home/Contact/index">联系我们</a>
						</li>
					</ul>
				</div>
				<div class="clearfix"> </div>
			</div>
			<div class="col-md-3 header-right"> 
				<div class="search-bar">
					<input type="text" value="搜索" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = '手机';}">
					<input type="submit" value="">
				</div>
			</div>
			<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	<!--bottom-header-->
	<!--start-breadcrumbs-->
	<div class="breadcrumbs">
		<div class="container">
			<div class="breadcrumbs-main">
				
			</div>
		</div>
	</div>
	<!--end-breadcrumbs-->
	<!--start-single-->
	<div class="single contact">
		<div class="container">
			<div class="single-main">
				<div class="col-md-9 single-main-left">
				<div class="sngl-top">
					<volist name='singlephone' id="item">
					<div class="col-md-5 single-top-left">	
						<div class="flexslider">
							  <ul class="slides">
								<li data-thumb="{$item.img}">
									<div class="thumb-image"> <img src="{$item.img}" data-imagezoom="true" class="img-responsive" alt=""/  id="phone-id" data-phoneid="{$item.id}"> </div>
								</li>
							  </ul>
						</div>
						<!-- FlexSlider -->
						<script src="/phone/Public/js/Home/imagezoom.js"></script>
						<script defer src="/phone/Public/js/Home/jquery.flexslider.js"></script>
						<link rel="stylesheet" href="/phone/Public/css/Home/flexslider.css" type="text/css" media="screen" />

						<script>
						// Can also be used with $(document).ready()
						$(window).load(function() {
						  $('.flexslider').flexslider({
							animation: "slide",
							controlNav: "thumbnails"
						  });
						});
						</script>
					</div>	
					<div class="col-md-7 single-top-right">
						<div class="single-para simpleCart_shelfItem" id="phone-name" data-phonename="{$item.name}">
						<h2>{$item.name}</h2>
							<div class="star-on" id="phoneid" data-phoneid="{$item.id}">
								<ul class="star-footer">
										<li><a href="#"><i> </i></a></li>
										<li><a href="#"><i> </i></a></li>
										<li><a href="#"><i> </i></a></li>
										<li><a href="#"><i> </i></a></li>
										<li><a href="#"><i> </i></a></li>
									</ul>
								<div class="review">
									<a href="#"> 1 条顾客评论 </a>
									
								</div>
							<div class="clearfix"> </div>
							</div>
							
							<h5 class="item_price" id="phone-discountprice" data-discountprice="{$item.discountprice}">￥{$item.discountprice}</h5>
							<p>{$item.info}</p>
							<div class="available">
								<ul>
									<li>Color
										<select>
										<option>Silver</option>
										<option>Black</option>
										<option>Dark Black</option>
										<option>Red</option>
									</select></li>
								<li class="size-in">Size
								    <select>
									<option>Large</option>
									<option>Medium</option>
									<option>small</option>
									<option>Large</option>
									<option>small</option>
								</select></li>
								<div class="clearfix"> </div>
							</ul>
						</div>
							<ul class="tag-men">
								<li><span>品牌</span>
								<span class="women1" id="phone-type" data-phonetype="{$item.type}">: {$item.type}</span></li>
								<li><span>原价</span>
								<span class="women1" id="phone-price" data-phoneprice="{$item.price}">: {$item.price}</span></li>
							</ul>
								<a href="#" class="add-cart item_add" id="btnAdd">添加购物车</a>
							
						</div>
					</div>
					</volist>
					<div class="clearfix"> </div>
				</div>
				<div class="tabs">
					<ul class="menu_drop">
				<li class="item1"><a href="#"><img src="images/arrow.png" alt="">简介</a>
					<ul>
						<li class="subitem1"><a href="#">{$item.info}</a></li>
					</ul>
				</li>
				<li class="item2"><a href="#"><img src="images/arrow.png" alt="">Reviews (10)</a>
					<ul>
					    <li class="subitem2"><a href="#"> Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore</a></li>
						<li class="subitem3"><a href="#">Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes </a></li>
					</ul>
				</li>
				<li class="item3"><a href="#"><img src="images/arrow.png" alt="">敬请期待</a>
					<ul>
						<li class="subitem1"><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</a></li>
						<li class="subitem2"><a href="#"> Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore</a></li>
						<li class="subitem3"><a href="#">Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes </a></li>
					</ul>
				</li>
	 		</ul>
				</div>
				<div class="latestproducts">
					<div class="product-one">
						<div class="col-md-4 product-left p-left"> 
							<div class="product-main simpleCart_shelfItem">
								<a href="single.html" class="mask"><img class="img-responsive zoom-img" src="/phone/Public/img/Home/images/xiaomi.jpg" alt="" /></a>
								<div class="product-bottom">
									<h3>小米note2</h3>
									<p>Explore Now</p>
									<h4><a class="item_add" href="#"><i></i></a> <span class=" item_price">$ 329</span></h4>
								</div>
								<div class="srch">
									<span>-50%</span>
								</div>
							</div>
						</div>
						<div class="col-md-4 product-left p-left"> 
							<div class="product-main simpleCart_shelfItem">
								<a href="single.html" class="mask"><img class="img-responsive zoom-img" src="/phone/Public/img/Home/images/sanxing.jpg" alt="" /></a>
								<div class="product-bottom">
									<h3>三星S4</h3>
									<p>Explore Now</p>
									<h4><a class="item_add" href="#"><i></i></a> <span class=" item_price">$ 329</span></h4>
								</div>
								<div class="srch">
									<span>-50%</span>
								</div>
							</div>
						</div>
						<div class="col-md-4 product-left p-left"> 
							<div class="product-main simpleCart_shelfItem">
								<a href="single.html" class="mask"><img class="img-responsive zoom-img" src="/phone/Public/img/Home/images/huawei.jpg" alt="" /></a>
								<div class="product-bottom">
									<h3>华为荣耀</h3>
									<p>Explore Now</p>
									<h4><a class="item_add" href="#"><i></i></a> <span class=" item_price">$ 329</span></h4>
								</div>
								<div class="srch">
									<span>-50%</span>
								</div>
							</div>
						</div>
						<div class="clearfix"></div>
					</div>
				</div>
			</div>
				<div class="col-md-3 single-right">
					<div class="w_sidebar">
						<section  class="sky-form">
							<h4>所有品牌</h4>
							<div class="row1 scroll-pane">
								<div class="col col-4">
									<label class="checkbox"><input type="checkbox" name="checkbox" checked=""><i></i>苹果</label>
								</div>
								<div class="col col-4">								
									<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>华为</label>
									<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>小米</label>
									<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>vivo</label>
									<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>oppo</label>
									<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>联想</label>	
								</div>
							</div>
						</section>
						<section  class="sky-form">
							<h4>配件</h4>
							<div class="row1 row2 scroll-pane">
								<div class="col col-4">
									<label class="checkbox"><input type="checkbox" name="checkbox" checked=""><i></i>蓝光</label>
								</div>
								<div class="col col-4">
									<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>钢化膜</label>
									<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>高清膜</label>
									<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>保护壳</label>
									<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>移动电源</label>							
								</div>
							</div>
						</section>
						<section class="sky-form">
							<h4>颜色</h4>
								<ul class="w_nav2">
									<li><a class="color1" href="#"></a></li>
									<li><a class="color2" href="#"></a></li>
									<li><a class="color3" href="#"></a></li>
									<li><a class="color4" href="#"></a></li>
									<li><a class="color5" href="#"></a></li>
									<li><a class="color6" href="#"></a></li>
									<li><a class="color7" href="#"></a></li>
									<li><a class="color8" href="#"></a></li>
									<li><a class="color9" href="#"></a></li>
									<li><a class="color10" href="#"></a></li>
									<li><a class="color12" href="#"></a></li>
									<li><a class="color13" href="#"></a></li>
									<li><a class="color14" href="#"></a></li>
									<li><a class="color15" href="#"></a></li>
									<li><a class="color5" href="#"></a></li>
									<li><a class="color6" href="#"></a></li>
									<li><a class="color7" href="#"></a></li>
									<li><a class="color8" href="#"></a></li>
									<li><a class="color9" href="#"></a></li>
									<li><a class="color10" href="#"></a></li>
								</ul>
						</section>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	<!--end-single-->
	<!--information-starts-->
	<div class="information">
		<div class="container">
		<p>------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------</p>
			<div class="infor-top">
				<div class="col-md-3 infor-left">
					<h3>购物指南</h3>
					<ul>
						<li><a href="#"><p>商城简介</p></a></li>
						<li><a href="#"><p>购物流程</p></a></li>
						<li><a href="#"><p>买家必读</p></a></li>
					</ul>
				</div>
				<div class="col-md-3 infor-left">
					<h3>售后服务</h3>
					<ul>
						<li><a href="#"><p>售后服务流程</p></a></li>
						<li><a href="#"><p>售后服务政策</p></a></li>
						<li><a href="#"><p>返修/退换货</p></a></li>
					</ul>
				</div>
				<div class="col-md-3 infor-left">
					<h3>配送</h3>
					<ul>
						<li><a href="#"><p>配送方式</p></a></li>
						<li><a href="#"><p>配送区域</p></a></li>
						<li><a href="#"><p>配送时间</p></a></li>
					</ul>
				</div>
				<div class="col-md-3 infor-left">
					<h3>安全支付</h3>
					<ul>
						<li><a href="#"><p>支付宝</p></a></li>
						<li><a href="#"><p>手机钱包</p></a></li>
						<li><a href="#"><p>货到付款</p></a></li>
					</ul>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
	<!--information-end-->
	<!--footer-starts-->
	<div class="footer">
		<div class="container">
			<div class="footer-top">
				<div class="col-md-6 footer-right">					
					<p>版权 &copy; 2017.长春财经学院信息工程学院.<a target="_blank" href="http://www.cssmoban.com/">手机网上商城</a></p>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
	<!--footer-end-->	
</body>
</html>